<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
{% load static %}
{% csrf_token %}
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大乐透中奖信息查询</title>
    {#<link href="{% static 'DLT/css/index.css' %}" rel="stylesheet" type="text/css">#}
    <link href="{% static 'common/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'common/bootstrap-table/bootstrap-table.min.css' %}" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{% static 'DLT/css/DLT_bet_data.css' %}">

    {#<link rel="stylesheet" type="text/css" href="../../static/DLT/css/DLT_bet_data.css">#}
    {#<link rel="stylesheet" type="text/css" href="../../static/common/bootstrap.min.css">#}
    {#<link rel="stylesheet" type="text/css" href="../../static/common/bootstrap-table/bootstrap-table.min.css">#}
</head>
<body>

<!--导航栏-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"><a class="navbar-brand label-success">导航</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span
            class="navbar-toggler-icon"></span></button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li> &nbsp;</li>
            <li class="nav-item"><a class="nav-link" href="/">首页</a></li>
            <li> &nbsp;</li>

            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1"
                                             role="button" data-toggle="dropdown" aria-haspopup="true"
                                             aria-expanded="false"> 大乐透 </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
                    <a class="dropdown-item" href="/DLT">开奖信息</a>
                    <a class="dropdown-item" href="/DLT/bet_data">投注信息</a>
                    <a class="dropdown-item" href="/DLT/bet">投注</a>
                    <div class="dropdown-divider"></div>
                </div>
            </li>

            <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3"
                                             role="button" data-toggle="dropdown" aria-haspopup="true"
                                             aria-expanded="false"> 双色球 </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
                    <a class="dropdown-item" href="/SSQ">开奖信息</a>
                    <a class="dropdown-item" href="/SSQ/bet_data">投注信息</a>
                    <a class="dropdown-item" href="/SSQ/bet">投注</a>
                    <div class="dropdown-divider"></div>
                </div>

            </li>


        </ul>
    </div>
</nav>
<hr style="background-color: #dedee2;height: 2px;border: none;">

<header>
    <a>
        <h4 class="logo" align="center">大乐透投注信息查询</h4>
    </a>

</header>
<hr/>

<div>
    <!--查询框-->
    <div class="bg-dark ">
        <div style="margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;padding-left: 5px;padding-right: 5px;">

            <div class="inline">
                <label style="color:#ffffff;">期号</label></div>
            <div class="inline">
                <input id="input_search_phasenum" size="40px,"
                       class="mr-sm-2" placeholder="输入期号，例如2021001进行查询" aria-label="Search"
                       list="searchlist"
                       onkeydown="input_search_phasenum_enter(event)">
                <datalist id="searchlist">
                </datalist>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_history_by_phasenum">查询
                </button>
            </div>

            {#            选择期数#}
            <div class="inline">
                <label style="color:#ffffff;">查询</label>
                <select id="select_bet_num">
                    <option value="5" selected="selected">5</option>
                    <option value="10">10</option>
                    <option value="20">20</option>
                    <option value="50">50</option>
                    <option value="100">100</option>
                </select>
                <label style="color:#ffffff;">年度数据</label>
            </div>
            {#按期数查询#}
            <!--
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_history_5"
                        onclick="javascript:query_multi_phasenum_detail_info(5)">近5注
                </button>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_history_10"
                        onclick="javascript:query_multi_phasenum_detail_info(10)">近10注
                </button>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_history_20"
                        onclick="javascript:query_multi_phasenum_detail_info(20)">近20注
                </button>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_history_50"
                        onclick="javascript:query_multi_phasenum_detail_info(50)">近50注
                </button>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_history_100"
                        onclick="javascript:query_multi_phasenum_detail_info(100)">近100注
                </button>
            </div>
            -->
            {#            删除按钮#}
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_win_data"
                        onclick="javascript:query_win_bet_info()">中奖投注
                </button>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_wait_data"
                        onclick="javascript:query_wait_bet_info()">待开奖投注
                </button>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" id="btn_query_not_win_data"
                        onclick="javascript:query_not_win_bet_info()">未中奖投注
                </button>
            </div>
            <div class="inline">
                <button class="btn btn-outline-success my-2 my-sm-0" onclick="del_select_bet_data()">删除选中</button>
            </div>
            {#            <div class="inline" >#}
            {#                <button class="btn btn-outline-success my-2 my-sm-0" onclick="del_all_bet_data()">清除所有</button>#}
            {#            </div>#}

        </div>
    </div>
</div>


<!--显示t投注数据-->
<div>

    <div id="div_bet_data" class="container">
        <table
                id="table_bet_data"
                class="table-striped table-dark"
                data-toolbar="#toolbar1"
                data-search="true"
                data-toggle="table"
                data-show-columns="true"
                data-show-columns-toggle-all="true"
                {#            data-detail-view="true"#}
                data-show-export="true"
                data-click-to-select="true"

                data-minimum-count-columns="2"
                data-show-pagination-switch="true"

                data-sort-class="table-active"
                data-sortable="true"
                data-pagination="true"
                data-page-number="1"
                data-page-size="5"
                data-page-list="[5, 10, 25, 50, 100, all]"
                data-show-footer="true"


        >
        </table>
    </div>
</div>





<!--大乐透奖金金额标准-->
<!--<div>
    <table class="bonusinfo" align="center" name="intro_table">
        <tr>
            <th class="bonusinfo">奖级</th>
            <th class="bonusinfo">中奖条件</th>
            <th class="bonusinfo">单注奖金</th>
        </tr>
        <tr>
            <td>一等奖</td>
            <td>5+2</td>
            <td>浮动</td>
        </tr>
        <tr>
            <td>二等奖</td>
            <td>5+1</td>
            <td>浮动</td>
        </tr>
        <tr>
            <td>三等奖</td>
            <td>5+0</td>
            <td>10000</td>
        </tr>
        <tr>
            <td>四等奖</td>
            <td>4+2</td>
            <td>3000</td>
        </tr>
        <tr>
            <td>五等奖</td>
            <td>4+1</td>
            <td>300</td>
        </tr>
        <tr>
            <td>六等奖</td>
            <td>3+2</td>
            <td>200</td>
        </tr>
        <tr>
            <td>七等奖</td>
            <td>4+0</td>
            <td>100</td>
        </tr>
        <tr>
            <td>八等奖</td>
            <td>3+1，2+2</td>
            <td>15</td>
        </tr>
        <tr>
            <td>九等奖</td>
            <td>3+0,2+1,1+2,0+2</td>
            <td>5</td>
        </tr>


    </table>
</div>-->


<!--需要引用的js库-->
<script src="{% static 'common/jquery.js' %}"></script>
<script src="{% static 'common/popper.js' %}"></script>
<script src="{% static 'common/bootstrap.min.js' %}"></script>
<script src="{% static 'common/bootstrap-table/bootstrap-table.min.js' %}"></script>
<script src="{% static 'common/bootstrap-table/bootstrap-table-locale-all.min.js' %}"></script>
<script src="{% static 'common/echarts.min.js' %}"></script>
<script src="{% static 'DLT/js/DLT_bet_data.js' %}"></script>


{#<script src="../../static/common/jquery.js"></script>#}
{#<script src="../../static/common/bootstrap.min.js"></script>#}
{#<script src="../../static/common/popper.js"></script>#}
{#<script src="../../static/common/echarts.min.js"></script>#}
{#<script src="../../static/common/bootstrap-table.min.js"></script>#}
{#<script src="../../static/common/bootstrap-table-locale-all.min.js"></script>#}
{#<script src="../../static/DLT/js/DLT_bet_data.js"></script>#}
<!-- csrf token  -->
<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });
</script>


</body>
</html>